<template>
	<!-- 自定义组件 -->
	<view class="btn-color" :style="{color:color}" @click="onClick">
		 <slot></slot>
	</view>
</template>

<script>
	export default{
		props:{
			color:{
				type:String,
				default:"#000"
			}
		},
		methods:{
			onClick(){
				console.log("我被点击了")
				this.$emit("change",this.color)
			}
		}
	}
</script>

<style>
.btn-color{
	background-color: #efefef;
	text-align: center;
	padding:10px 0;
	border-radius: 5px;
}
.btn-color:hover{
	background-color:#C8C7CC
}
</style>
